Cobalt Summit color palette — #FAF4F0 · #B1CCBE · #507AAF · #006153 · #353460

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Pistachio (#B1CCBE): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#507AAF): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006153): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#353460): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Navy Field color palette (#FFF2EC, #6CC7D7, #0076AB, #00593C, #172A72)
• Tempered Cobalt Canyon color palette (#ECF4EE, #A7CDE6, #2983BB, #005B5F, #08203F)
• Hushed Field color palette (#F9F4ED, #B8DFCB, #499ED6, #007B81, #233B5B)
• Aged Denim color palette (#F0E1DC, #609B9E, #00516B, #003215, #001231)
• Patina Pewter color palette (#FFF1F1, #EFD7BE, #C1A873, #7C62A5, #57382F)
• Wandering Powder Ridge color palette (#FDF1F7, #B3EAFF, #87B5EB, #4F9C8A, #35365A)
• Timeworn Veranda color palette (#FDDCD7, #B55578, #007F68, #006169, #42201C)
• Washed Quarry color palette (#F0E7E0, #57889F, #003782, #00231E, #0A0028)

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