Tempered Cobalt Terrace color palette — #EEF7F7 · #A9C9E5 · #477CAF · #005C77 · #213B5E

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

The five colors

• Ivory (#EEF7F7): a clean, paper-quiet neutral.
• Sky (#A9C9E5): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#477CAF): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005C77): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#213B5E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Dusty Cobalt color palette (#F8EFF2, #AACCE9, #577BBD, #005A61, #161E3C)
• Patina Petrol Market color palette (#EFF6FF, #CADCFD, #AFAAE7, #3571A1, #2F3F58)
• Patina Petrol Canyon color palette (#C2E5F3, #4FA8D2, #0075A9, #004E7C, #2F2D5E)
• Timeworn Drift color palette (#EFF7F5, #BEE3F0, #2A9AAB, #00716B, #214D62)
• Muted Petrol Terrace color palette (#E2F3F0, #82BDC5, #007589, #00504F, #003343)
• Indigo Bloom color palette (#CFE8FE, #1B82B8, #7D57A7, #006B55, #002F47)
• Iris Workshop color palette (#FAF4EE, #AFDBF9, #5F93EF, #007B83, #4E2F43)
• Muted Navy color palette (#D2E3E2, #6184A4, #003B78, #00202F, #00032B)

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