Cobalt Canyon color palette — #EFF4E8 · #9FCCF9 · #507DBB · #055678 · #111E3F

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

The five colors

• Cream (#EFF4E8): a clean, paper-quiet neutral.
• Sky (#9FCCF9): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#507DBB): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#055678): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#111E3F): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns 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

• Tempered Delta color palette (#F0F7F1, #A9C9E8, #5677B4, #005C73, #31365F)
• Timeworn Studio color palette (#F1F3E8, #88D5E8, #0089AB, #005A60, #01281B)
• Frosted Indigo color palette (#DEEEDE, #00A6A6, #7E6AC7, #006262, #1E123D)
• Tempered Ridge color palette (#EEF1E0, #2B98B5, #00516B, #002B30, #00050B)
• Ancient Market color palette (#F0F3EB, #C0E6EA, #79A0CA, #437287, #3F303F)
• Worn Teal Grove color palette (#C6EFDF, #00AF91, #007F71, #00504E, #002626)
• Turquoise Balcony color palette (#D3FAFF, #00BCCD, #007984, #003B40, #001012)
• Frosted Sapphire color palette (#DCF7E1, #008C97, #4B63CD, #356A20, #031909)

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