Tempered Cobalt color palette — #FDF3E8 · #A0CAEE · #6373B7 · #005F61 · #403256

Slate and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF3E8): a clean, paper-quiet neutral.
• Sky (#A0CAEE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate (#6373B7): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005F61): A full-bodied, dusty teal — the color of sea glass.
• Navy (#403256): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Tempered Cobalt 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

• Sapphire Studio color palette (#FFF3E9, #54C5F8, #2D6AC9, #00574E, #32236A)
• Cobalt Villa color palette (#EAF4F4, #B4CAE1, #587DB4, #085579, #101D44)
• Antique Lantern color palette (#FFF2ED, #AECFB1, #0084AA, #2F5F3C, #49304A)
• Cerulean Loft color palette (#FAF3F5, #CCE3FA, #96AFF6, #009DB2, #3B335B)
• Antique Ash Field color palette (#FAF4EE, #C5ECF0, #8898C5, #3E7A79, #644A55)
• Sunlit Crimson Archive color palette (#FFDBD3, #D7275D, #007B89, #235A7D, #3D241E)
• Wandering Lagoon Balcony color palette (#EDDBD5, #009391, #004454, #002504, #000919)
• Washed Denim color palette (#F4DFD8, #52AFB4, #00607F, #00411E, #031E43)

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