Cobalt Summit color palette — #F7F1E8 · #ABD2BE · #3084B5 · #005B5E · #022043

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

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Pistachio (#ABD2BE): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#3084B5): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005B5E): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#022043): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, 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

• Softworn Cornflower color palette (#F7F1E8, #A5D6FB, #3782E2, #005F71, #141B59)
• Washed Petrol Field color palette (#EFE8DE, #A0BC9D, #007985, #004D38, #001922)
• Cerulean Hollow color palette (#F6F1E9, #C0E6DB, #6E8EC4, #006981, #3D2135)
• Turquoise Lagoon color palette (#D8F0EF, #07AABE, #007890, #00435E, #002546)
• Navy Meadow color palette (#F1EBE3, #4F8097, #003E66, #001F22, #000106)
• Plum Coast color palette (#D5ECE2, #0E86B9, #A74872, #5A6100, #001623)
• Lilac Alley color palette (#D9FBED, #CBDFFF, #ADA6EB, #008291, #04243D)
• Bronze Summit color palette (#DAEFE5, #3F9DC3, #B36527, #005E7B, #2F1300)

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