Tempered Sky color palette — #EAF9F4 · #6BBAF1 · #BA7777 · #7B6636 · #42433C

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

The five colors

• Ivory (#EAF9F4): bright and airy, almost weightless.
• Sky (#6BBAF1): A luminous, balanced blue — the color of deep harbor water.
• Caramel (#BA7777): A luminous, balanced red — the color of embers at dusk.
• Walnut (#7B6636): A full-bodied, dusty gold — the color of honey in a jar.
• Charcoal (#42433C): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Muted Powder Field color palette (#FFF0F9, #A9A8F3, #B08064, #4F7451, #414700)
• Hushed Studio color palette (#EFF6FE, #A6D0FB, #B989A8, #905F16, #074142)
• Ancient Teal Studio color palette (#EFF8EC, #3FC9B8, #997EB9, #836144, #47413C)
• Muted Meadow color palette (#EEF8F0, #4BA7B1, #965D69, #50592A, #24462B)
• Timeworn Terrace color palette (#FFF0FF, #AEC4FF, #9F91D4, #8A6E9A, #614548)
• Feathered Meadow color palette (#FFF0FD, #6497FF, #C24C32, #5A5900, #1C3900)
• Wisteria Villa color palette (#FFF1F5, #BD8AEB, #9E7A35, #356B46, #00423D)
• Weathered Fern Market color palette (#F6F6EA, #C8D8B0, #6FA8A2, #6B847A, #415611)

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