Tempered Sky color palette — #FBF4EA · #A7EEF6 · #5CC1DF · #3A9E8E · #194436

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

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Sea Foam (#A7EEF6): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#5CC1DF): A luminous, balanced blue — the color of open sky before noon.
• Fern (#3A9E8E): A luminous, balanced teal — the color of sea glass.
• Forest (#194436): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Calm, 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

• Timeworn Powder color palette (#FCF4E7, #BDE7FF, #7EB7EE, #4899A5, #4A3048)
• Cypress Coast color palette (#FAF2F8, #D4D4E3, #67B1D0, #008264, #11304C)
• Softworn Cerulean Dune color palette (#ECF4F2, #AACEDC, #29899B, #005C58, #00252F)
• Patina Petrol color palette (#F7EFE1, #5DAEBD, #0080A4, #005E57, #000A15)
• Hushed Oat color palette (#F9F4ED, #BEE2E9, #A9D2B8, #95AA87, #375146)
• Azure Ridge color palette (#E8DECE, #61D1EC, #1B9FD1, #007D79, #00213A)
• Antique Coral color palette (#FBD9F0, #98A6FF, #F08163, #5FA87C, #392333)
• Periwinkle Workshop color palette (#E1F3FF, #7BBDFF, #6B99FC, #666FB8, #3C375C)

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