Tempered Cobalt Lagoon color palette — #FCF4EB · #9ECAF5 · #6972B2 · #005F64 · #502F3C

A conversation between Slate and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF4EB): a clean, paper-quiet neutral.
• Sky (#9ECAF5): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#6972B2): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005F64): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#502F3C): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

Use it as a design system

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

• Patina Forest color palette (#FFF2ED, #96D1D6, #3781A4, #106339, #493148)
• Denim Market color palette (#E7F5F5, #AFCBE7, #5B7DAE, #00567A, #121E3F)
• Misty Bloom color palette (#FAEBE3, #5CC1DB, #006DAF, #00523E, #242B4D)
• Timeworn Periwinkle color palette (#F3F7ED, #E5CAE8, #6F96D3, #2E739A, #2A3861)
• Wandering Cabin color palette (#FCF2F5, #CEE3F8, #97AEF9, #009DB4, #3C3458)
• Ancient Sky Boulevard color palette (#FAF7D6, #A4EED5, #5EBDE1, #877047, #44463F)
• Pewter Meadow color palette (#FAF4EE, #C3EEF3, #AF8CA7, #597859, #634B55)
• Linen Ridge color palette (#F1F0DB, #84AD24, #9245A0, #476100, #442A49)

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