Tempered Sky color palette — #FBF2F8 · #D2D5E6 · #37BAFF · #008A77 · #1A345D

Cornflower and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Silver (#D2D5E6): A whisper-light, dusty violet — the color of a velvet chair.
• Cornflower (#37BAFF): A luminous, balanced blue — the color of open sky before noon.
• Fern (#008A77): A full-bodied, balanced teal — the color of sea glass.
• Navy (#1A345D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Linen Azure color palette (#FFF0F9, #D6D7F1, #0FA2F6, #00736A, #0B1E56)
• Sunlit Drift color palette (#F4F7E9, #B7EFFF, #2EC7F9, #00A4AF, #004662)
• Petrol Archive color palette (#F7E9F3, #5DC8DB, #007099, #003F33, #00020A)
• Lagoon Orchard color palette (#FAF3F6, #D8D4DF, #A8CFFF, #4EA1A2, #434D62)
• Antique Cerulean color palette (#FAF4EB, #92DBEE, #008BB9, #006763, #104369)
• Worn Meadow color palette (#EADCE0, #7BA7CB, #1740C9, #002B30, #010009)
• Chalky Emerald Meadow color palette (#F7F3FF, #FF96EB, #00A845, #009999, #34132E)
• Misty Indigo color palette (#EDF9EC, #A3D1FD, #4C6AF2, #00505B, #10002E)

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