Tempered Cobalt color palette — #FAEBE1 · #A7CFBC · #538AC2 · #006C69 · #1E285C

Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#FAEBE1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pistachio (#A7CFBC): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#538AC2): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006C69): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1E285C): A deep, shadowed, balanced violet — the color of wild irises.

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

• Frosted Azure color palette (#FFF2EA, #75DAFC, #0093E4, #00736B, #122A73)
• Azure Cabin color palette (#EDF0E4, #AADBF3, #31B0F1, #008DA5, #003051)
• Washed Forest color palette (#F9E8DF, #9CBB99, #008396, #005D31, #002333)
• Worn Petrol color palette (#E2F2F1, #86BAD2, #0070A0, #004E5B, #003051)
• Pale Pine Cabin color palette (#FDF3ED, #A0EBEB, #0FADCD, #008757, #004467)
• Ancient Atelier color palette (#EFE7DE, #6B98BC, #3051A7, #003A41, #0A0028)
• Faded Blush color palette (#FFECF6, #F4BEEE, #EE8DA1, #5276B1, #3B2445)
• Hazy Iris Parlor color palette (#EFE0E7, #9479EF, #857E00, #396F0D, #20183C)

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