Tempered Cabin color palette — #F9F3F7 · #D4E1F4 · #65A1C7 · #417C61 · #45536A

Blue Fog and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Frost (#D4E1F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#65A1C7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#417C61): A full-bodied, dusty teal — the color of glacier melt.
• Peacock (#45536A): A full-bodied, 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

• Washed Harbor color palette (#F0F7F1, #D4E0F0, #88BACE, #618F98, #425565)
• Lagoon Chapel color palette (#F3F4FF, #A886CD, #00A183, #3C8387, #404052)
• Dusty Hollow color palette (#F6F1EA, #C3E7E1, #7DA792, #5A7352, #1F3D34)
• Denim Bloom color palette (#E5DCE3, #66ACB2, #005F82, #004123, #081D42)
• Tempered Cerulean Orchard color palette (#F4EAEF, #2D8DA6, #003F6A, #00231A, #05002C)
• Cobalt Delta color palette (#FDF1F7, #9DD7F4, #417ED8, #00685D, #3D3869)
• Tempered Oat color palette (#FBF3F0, #C4DFE6, #A4D3BF, #95AA86, #5D4C5F)
• Misty Sapphire Hollow color palette (#FFF1F6, #7FC0E8, #265AF3, #005652, #382168)

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