Tempered Sky color palette — #F0F5FF · #ECD4E5 · #C1B7A6 · #60B4E3 · #3F4562
A conversation between Cyan and Charcoal, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Thistle (#ECD4E5): A whisper-light, dusty pink — the color of neon signs at night.
- Stone (#C1B7A6): A luminous, dusty gold — the color of old brass.
- Cyan (#60B4E3): A luminous, balanced blue — the color of deep harbor water.
- Charcoal (#3F4562): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Timeworn Lagoon color palette (#EAF8FF, #DBD8E6, #EBB3BF, #3EBFB9, #224C67)
- Hushed Lagoon color palette (#F5F3FF, #EED7D5, #E6C49F, #ADA7E9, #4F3E60)
- Washed Shell Harbor color palette (#ECF2FF, #F4CDFF, #FFAFBE, #709ECA, #30314C)
- Worn Grove color palette (#DCE9DF, #FAB938, #C5AEFF, #53496E, #22232F)
- Weathered Harbor color palette (#FFEBF7, #EDCFE6, #F4A2DF, #3F7ACF, #2F2450)
- Aged Coral color palette (#E3DAF4, #FAAEE7, #F89280, #7580C1, #201A39)
- Aged Dune color palette (#F2F4FF, #B6E23B, #947CD5, #5F5284, #171928)
- Emerald Harbor color palette (#F5F4FF, #EDAAFF, #2DAD54, #009482, #38203F)
Browse the whole catalog at Explore, or see today's palette.