Tempered Cabin color palette — #EBF9F3 · #A9CAB0 · #3A6959 · #253F36 · #1B2727

Built around Pine, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Ivory (#EBF9F3): bright and airy, almost weightless.
• Pistachio (#A9CAB0): A luminous, dusty teal — the color of sea glass.
• Pine (#3A6959): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#253F36): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#1B2727): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Patina Stone color palette (#EAF8FB, #C6AB71, #005F56, #04353C, #0E1C27)
• Muted Fern Study color palette (#EBF4F1, #DFB6C6, #58683C, #29370C, #091713)
• Fern Loft color palette (#F6F6ED, #EACBAC, #738555, #564F00, #2D2C21)
• Muted Stone color palette (#FEF1F5, #D3BE92, #7A505E, #4E2D38, #2F211F)
• Weathered Lagoon Summit color palette (#E0FFDF, #90C5AC, #3E9184, #00676D, #004E5F)
• Muted Pewter Terrace color palette (#E9FBEC, #83B599, #428386, #704B6C, #344D4F)
• Dusty Bronze color palette (#CCECF5, #896600, #3D3334, #002222, #000606)
• Amber Boulevard color palette (#C4ECFC, #B88A00, #00434A, #001F23, #020815)

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