Tempered Sky color palette — #E0E4C1 · #FF9A95 · #17B5F7 · #212F4F · #0A1F2D

Cyan and Melon set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#E0E4C1): A whisper-light, dusty green — the color of new leaves after rain.
• Melon (#FF9A95): A luminous, balanced orange — the color of sun-warmed clay.
• Cyan (#17B5F7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Navy (#212F4F): A deep, shadowed, dusty violet — the color of a velvet chair.
• Midnight (#0A1F2D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Balance. Tagged neon, dark, vibrant.

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

• Dusty Loft color palette (#DBE7D1, #FF96AF, #00C1BA, #1C354A, #102327)
• Pale Field color palette (#EAE6C5, #FFBB8F, #6C93EC, #392D55, #192435)
• Ancient Powder Parlor color palette (#EFEEE1, #FFAF95, #6DC9FF, #1A5A7B, #182520)
• Aged Apricot color palette (#DBE3D4, #FF9759, #0089D0, #1E223F, #021322)
• Dusty Grove color palette (#F7DDDB, #FF97E9, #9AAFFF, #2D3866, #1E2636)
• Hazy Fuchsia Study color palette (#C9EFED, #E77DFF, #609FFF, #001B47, #180619)
• Softworn Indigo color palette (#F2F5FF, #DFD6E1, #C4B5D1, #6A5CAA, #3C3F4C)
• Plum Canyon color palette (#EFF6FF, #69A0FF, #B7005C, #044BBB, #27142E)

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