Quiet Cabin color palette — #F5EDE2 · #BADDC4 · #00B5E4 · #009286 · #00314C

Cyan and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Celadon Mist (#BADDC4): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00B5E4): A luminous, balanced blue — the color of open sky before noon.
• Fern (#009286): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#00314C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Quiet 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

• Tempered Teal color palette (#DAEDE9, #00BEBE, #00A1AF, #007088, #00384E)
• Teal Orchard color palette (#DAF8E5, #A7E1E7, #B7C3FF, #00AEB3, #0A3C57)
• Pale Azure Dune color palette (#E8DFD3, #93C8E5, #1F97EF, #007B87, #02194F)
• Peony Corridor color palette (#D0F1DE, #00B0D6, #DF5CB7, #988800, #00242E)
• Washed Cerulean Archive color palette (#ECE5DA, #69C1BF, #0094A5, #007055, #001720)
• Timeworn Petrol color palette (#E2ECE4, #7EBFCB, #007696, #004C45, #001828)
• Azure Grove color palette (#FBF2F9, #AFF3FF, #019CE0, #006D4A, #0D1A45)
• Tangerine Bloom color palette (#D0E4D6, #35C2DD, #FE6D3F, #0092A9, #4C1100)

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