Cobalt Cabin color palette — #F8ECE4 · #AACEBB · #3C8AD6 · #006E5A · #272853

Azure and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F8ECE4): bright and airy, almost weightless.
• Pistachio (#AACEBB): A luminous, dusty teal — the color of sea glass.
• Azure (#3C8AD6): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006E5A): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#272853): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Washed Periwinkle Summit color palette (#FBF3EE, #BBDDCF, #7094DA, #007D74, #3B3458)
• Softworn Azure Canyon color palette (#FFF0F9, #BEEFFF, #5597D5, #006C57, #181A3C)
• Washed Indigo color palette (#E9E0D8, #8DB7D6, #4E69D8, #005958, #270B4A)
• Worn Veranda color palette (#EAF1EB, #84BBCE, #00709F, #004F50, #092F53)
• Patina Azure color palette (#F7EDDE, #88E2FF, #1DB1F4, #009092, #0D2F50)
• Pine Hollow color palette (#FBF3F1, #C6E6DD, #70AFC8, #388F4D, #2E496A)
• Tempered Basin color palette (#EADED9, #71ADB6, #006E9B, #004D2F, #000942)
• Hushed Grove color palette (#F0DFDD, #CF5489, #00906B, #007074, #370E20)

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