Cobalt Cabin color palette — #F0F3E9 · #A2CCF5 · #527DB8 · #005678 · #101F3F

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

The five colors

• Cream (#F0F3E9): bright and airy, almost weightless.
• Sky (#A2CCF5): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#527DB8): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005678): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#101F3F): A deep, shadowed, dusty violet — the color of a velvet chair.

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 Lagoon color palette (#F1F3EA, #95D2E6, #3586A7, #005A63, #00281D)
• Antique Cerulean color palette (#E0E3D6, #3797B3, #00516B, #002B30, #00050B)
• Aged Petrol color palette (#F0F3EA, #C1E4E8, #7E9FC3, #407289, #412F40)
• Scarlet Thicket color palette (#FFE8E7, #DA333F, #886A00, #764288, #230D05)
• Dusty Apricot color palette (#FFEEE6, #FFC6B2, #E7A471, #8C5B5F, #301B0F)
• Worn Chestnut color palette (#EEDEC7, #AE9657, #815D0D, #533814, #1F1602)
• Sunlit Peony Field color palette (#FAD4E5, #E961A0, #A52E58, #681C30, #3D1216)
• Pale Coral Field color palette (#FCE3DC, #DE6377, #808200, #8F2C40, #1D1E00)

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