Tempered Cabin color palette — #F9F3F7 · #CFE3FC · #87C8E4 · #1DB18A · #2B4A68

Jade takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Frost (#CFE3FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#87C8E4): A luminous, dusty blue — the color of deep harbor water.
• Jade (#1DB18A): A luminous, balanced teal — the color of sea glass.
• Navy (#2B4A68): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. 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

• Antique Turquoise Pier color palette (#FAF3F5, #D9DCF3, #A5BCF7, #00ABC0, #3F4664)
• Frosted Sky Thicket color palette (#F6EBF3, #B3DAEB, #0FB3ED, #009478, #002D5B)
• Patina Cobalt color palette (#F9E6EC, #85A4C4, #586DC1, #005B69, #0C0025)
• Quiet Cobalt Studio color palette (#E8DAE4, #74BDCF, #008DC8, #006E60, #001134)
• Apricot Cabin color palette (#E9FBEC, #C0E9ED, #A6B8DF, #E4A87A, #375447)
• Wandering Boulevard color palette (#EBFAEE, #B4DBC8, #C5A96D, #B07A4F, #1F453D)
• Weathered Coast color palette (#FAEFEA, #C8E5CD, #4B98B7, #216D55, #13332C)
• Amber Basin color palette (#EBFAED, #EAC684, #B2B6FF, #CB9400, #3C3D69)

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