Cobalt Hollow color palette — #F6E8DF · #4CC2DF · #007DB5 · #005A4F · #091E41

A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.

The five colors

• Cream (#F6E8DF): bright and airy, almost weightless.
• Cyan (#4CC2DF): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#007DB5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005A4F): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#091E41): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Washed Cobalt color palette (#FAECE0, #98CCEA, #5588CA, #006B6E, #26294F)
• Softworn Cobalt Studio color palette (#EDF9EF, #94D8EC, #0085B5, #005150, #000D1E)
• Gentle Ultramarine color palette (#F1E5D9, #55ABE2, #1F5ECD, #00494E, #110838)
• Chalky Seafoam Workshop color palette (#FFF2EB, #36E6DE, #009DB3, #007740, #00384F)
• Timeworn Orchard color palette (#F3E7E0, #4EA0B0, #006085, #003D32, #00081C)
• Misty Azure color palette (#FEF3EB, #A3E7FF, #16A3FA, #00837A, #293D6E)
• Muted Periwinkle Corridor color palette (#FDF3EC, #C4F1DC, #7EA9D6, #368987, #573F51)
• Blush Lantern color palette (#E7EAFF, #E7ADF2, #E182A0, #2B72AB, #24173B)

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