Cobalt Cabin color palette — #F0F4E9 · #9FCEF0 · #3F80BD · #005772 · #2D162E

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

The five colors

• Cream (#F0F4E9): a clean, paper-quiet neutral.
• Sky (#9FCEF0): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3F80BD): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005772): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#2D162E): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Cerulean Basin color palette (#F1F3E7, #9CD1E4, #1987B1, #005A64, #00281D)
• Worn Cerulean Hollow color palette (#E0E2D1, #139AB0, #005265, #002B2D, #000509)
• Worn Navy Workshop color palette (#E1E8D5, #3A7DB8, #003979, #001D2C, #00000C)
• Worn Periwinkle Workshop color palette (#FBF4ED, #D8D5E0, #86A7DE, #227C83, #422237)
• Worn Bronze color palette (#DFEFD8, #00A895, #9D7400, #006357, #261A00)
• Hushed Veranda color palette (#C1FFFE, #00C1C2, #007274, #003F3F, #001111)
• Hushed Sapphire Lagoon color palette (#CFEAD0, #008E8F, #3C6AC2, #47661E, #021A04)
• Aged Amber Ridge color palette (#F6DAC9, #CC8559, #8E5339, #5A3128, #231406)

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