Tempered Cobalt Drift color palette — #F3F7EA · #9FD1C4 · #4F7AB2 · #0C5A7B · #293A5C

Built around Slate, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#F3F7EA): a clean, paper-quiet neutral.
• Pistachio (#9FD1C4): A whisper-light, dusty teal — the color of sea glass.
• Slate (#4F7AB2): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#0C5A7B): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#293A5C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Cobalt Drift into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Aged Cerulean color palette (#F5F6ED, #83D4DD, #178699, #00605D, #074151)
• Periwinkle Loft color palette (#F0F8F1, #B7D8F9, #7095D6, #007893, #32375A)
• Antique Powder color palette (#FFF0FD, #D3D9FF, #B7ACE4, #43688D, #4A3546)
• Softworn Cerulean Grove color palette (#EDEFE2, #169FBF, #00516B, #002F34, #001624)
• Lagoon Studio color palette (#FBF4ED, #C7E8DF, #A0ACF1, #009FA6, #433156)
• Periwinkle Lantern color palette (#ECF3FF, #7AA6FF, #3C62B0, #16316F, #0D214B)
• Muted Market color palette (#DBF5EE, #1591F0, #119046, #035998, #134021)
• Quiet Cornflower Thicket color palette (#FAD8F9, #2A76DF, #904F96, #006966, #382238)

Browse the whole catalog at Explore, or see today's palette.