Tempered Sky color palette — #FBF3F0 · #CAE9D1 · #53BEF5 · #4F9E74 · #4C2F49

Cyan and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Celadon Mist (#CAE9D1): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#53BEF5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#4F9E74): A luminous, balanced teal — the color of glacier melt.
• Charcoal (#4C2F49): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, 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

• Sunlit Teal color palette (#FCF3EE, #BEEDFF, #7DBBFF, #00A88E, #38386E)
• Chalky Sky color palette (#FBF3F1, #CEE9CA, #14C5EA, #5B9F55, #0C4439)
• Antique Loft color palette (#F8ECE2, #ADE0CC, #73A2FF, #009289, #2F2550)
• Powder Pier color palette (#FBF3F0, #C1E2E8, #85D2F8, #7DB08E, #5C4D5B)
• Timeworn Turquoise Delta color palette (#FBF4E9, #D3DAEE, #47B5D8, #2C7E73, #03324B)
• Tempered Azure Balcony color palette (#FBECE3, #82CDE2, #0A97F3, #008064, #161944)
• Aged Lantern color palette (#F7EFF5, #A5CFE0, #1A87AF, #005D49, #06213C)
• Soft Cobalt color palette (#EFE5E0, #6CACBB, #007BBC, #006046, #030327)

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