Tempered Sky color palette — #FDF1F8 · #C4E5FA · #7BB5FD · #00A28C · #36355C

Built around Sky, softened by Fern — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Powder Blue (#C4E5FA): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#7BB5FD): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00A28C): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#36355C): A deep, shadowed, dusty violet — the color of wild irises.

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

• Washed Garden color palette (#F1F7F2, #DADFEB, #4AAFF2, #007E84, #182F4D)
• Washed Teal Balcony color palette (#F9F3F7, #D7D5E4, #A6CBF0, #6CB29D, #47526D)
• Pale Emerald color palette (#F2ECF3, #A0E1DF, #00B6E0, #189838, #002E57)
• Jade Field color palette (#F1DCF9, #FFACC3, #00BFCB, #00A886, #441C29)
• Antique Iris Studio color palette (#EAD9E0, #A0C5E2, #5D8CF6, #007E77, #231049)
• Powdered Sapphire color palette (#E8DCE2, #73A8C6, #3D70CF, #005E57, #0B0026)
• Muted Alley color palette (#FBEFE7, #9AD1E7, #507EB5, #005D4F, #301627)
• Antique Forest color palette (#F6EBF5, #70BFC2, #0090BA, #007236, #001330)

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