Cobalt Pier color palette — #EDF8F7 · #AEC9DE · #407EAD · #005C72 · #1B3C5E

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

The five colors

• Ivory (#EDF8F7): a clean, paper-quiet neutral.
• Sky (#AEC9DE): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#407EAD): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005C72): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#1B3C5E): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Ancient Studio color palette (#E8FAF5, #A6D8E5, #009198, #00685A, #004952)
• Tempered Coast color palette (#F9EEF3, #AECCE2, #437CCA, #005B5E, #1A1C3D)
• Washed Petrol Study color palette (#E4F2EF, #81BDC3, #007586, #00504D, #003441)
• Aged Periwinkle color palette (#FAF4EE, #B0E1CE, #5696EC, #007B7F, #33365D)
• Ancient Navy Canyon color palette (#CFE4E3, #5586AB, #003D6F, #00202D, #00081F)
• Indigo Thicket color palette (#D6F5FC, #32A197, #6E6EC0, #00645E, #2F2C67)
• Sunlit Denim color palette (#D6E8E7, #7CA3C6, #1456A0, #003A52, #021852)
• Sky Thicket color palette (#F4F7EC, #C0E6FF, #76B9F0, #4797B2, #48314A)

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