Tempered Cabin color palette — #F1F7F0 · #D7B086 · #3A9CAE · #6665AB · #322432

Built around Slate, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Ivory (#F1F7F0): a clean, paper-quiet neutral.
• Sand (#D7B086): A luminous, dusty gold — the color of honey in a jar.
• Cerulean (#3A9CAE): A luminous, balanced blue — the color of open sky before noon.
• Slate (#6665AB): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#322432): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Tempered Petrol color palette (#EDF8F1, #D8CD90, #4FAC9F, #5067A8, #42304E)
• Timeworn Pewter color palette (#ECF9F3, #BEC784, #7193C1, #925B8E, #341F29)
• Petrol Canyon color palette (#FAF2F9, #EBAAA5, #68A585, #25719B, #242231)
• Weathered Teal color palette (#FFF1F5, #E6B079, #07C1AE, #A3749F, #453138)
• Petrol Grove color palette (#EAFAED, #EBDCAE, #8EAD76, #5672A6, #284739)
• Ancient Courtyard color palette (#E8FAF7, #84B474, #6574C0, #8C3264, #0E200E)
• Softworn Aubergine Pier color palette (#E9FAEF, #AA9100, #0079AE, #7000A1, #2A0200)
• Weathered Bronze Lantern color palette (#F9F0E6, #A37E02, #2C7294, #1B5570, #231617)

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