Tempered Cobalt Canyon color palette — #F0F8F1 · #98CBF6 · #5178B5 · #005D71 · #31385B

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

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Sky (#98CBF6): A whisper-light, balanced blue — the color of deep harbor water.
• Slate (#5178B5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005D71): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#31385B): 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 Canyon 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 Pier color palette (#FCEDF2, #ADCBE7, #617BB1, #005A63, #1F1A3F)
• Antique Cerulean Veranda color palette (#EFF8F0, #86D5D5, #258696, #06624C, #1B3F53)
• Patina Petrol Parlor color palette (#EEF6FF, #D9DCFF, #B89BC8, #3A7B9A, #3B4558)
• Airy Field color palette (#F3F7EC, #BDECDD, #79B6F9, #0098C9, #213A63)
• Washed Villa color palette (#FBF4ED, #B5DFD1, #7494D8, #007A86, #38355C)
• Linen Azure Summit color palette (#D9ECF0, #00A9DB, #006CA0, #0A4E89, #2B3860)
• Timeworn Periwinkle color palette (#F0F5FF, #75A4FF, #2D5EA8, #0E3368, #08224A)
• Dusty Lantern color palette (#DEEDE1, #00A0BD, #00506E, #00302F, #001529)

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