Tempered Cabin color palette — #FCF3EE · #C9E9D7 · #77B9EC · #00A195 · #28395F

Fern and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Celadon Mist (#C9E9D7): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#77B9EC): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00A195): A luminous, balanced teal — the color of sea glass.
• Navy (#28395F): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Cobalt Corridor color palette (#D7F0E9, #48CACA, #00AAC3, #0082B7, #133665)
• Airy Periwinkle color palette (#F4EDE6, #A9E0D2, #839EFD, #008EA3, #302354)
• Weathered Teal Quarry color palette (#FAF4F0, #D0E5E3, #9ACEF1, #57B5A4, #624861)
• Timeworn Terrace color palette (#F4F6ED, #BBE2F1, #44B4E2, #007D8A, #0D362B)
• Wandering Field color palette (#E6FBF0, #FFDEFC, #E6C7FF, #3DB3B2, #204940)
• Misty Cornflower color palette (#EFE1D8, #92C8E6, #4693EF, #007D7E, #161748)
• Aged Apricot Ridge color palette (#DDF6E7, #6ACEEC, #F29751, #00A1C3, #542800)
• Faded Cobalt Studio color palette (#FAEBE1, #72A9C1, #0077C9, #005D5A, #03002E)

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