Tempered Cobalt color palette — #FCF2F6 · #A2CBE7 · #4577C7 · #006157 · #39345B

Azure takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Sky (#A2CBE7): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#4577C7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006157): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#39345B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, 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

• Antique Forest color palette (#F9F3FA, #99CFDD, #0086A3, #1F6325, #203D59)
• Tempered Cobalt color palette (#F9F1E4, #97D0F1, #3E80BE, #005A65, #2F162D)
• Antique Wisteria color palette (#EBF7FF, #CFDCFF, #CE92C4, #007A75, #2A3C54)
• Cerulean Bloom color palette (#CAEAFF, #0085B0, #8C6500, #565A06, #092F44)
• Dusty Loft color palette (#C7EFE7, #00A6B7, #007499, #034C92, #31355B)
• Dusty Ash color palette (#FAF3F6, #D8DFF0, #7A9BC9, #3B7C71, #4C5264)
• Muted Powder color palette (#FDF3EB, #C3EBDA, #81B5F6, #179FA1, #313660)
• Tempered Cerulean color palette (#EFE2EC, #369FAD, #005072, #00321D, #020D3B)

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