Tempered Orchard color palette — #F3E8F1 · #539CA5 · #005070 · #00321B · #000C3F

Deep Indigo and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F3E8F1): bright and airy, almost weightless.
• Storm Blue (#539CA5): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#005070): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#00321B): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#000C3F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Orchard 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

• Pale Pier color palette (#F0E3EB, #66AAC0, #0E5A96, #003F32, #171350)
• Cerulean Chapel color palette (#F2EADF, #4098A2, #005265, #002C26, #00050A)
• Patina Workshop color palette (#F5E0E8, #4D88AA, #0D2E92, #002220, #0C0025)
• Ancient Meadow color palette (#F6EAF5, #7CBFC2, #007296, #005328, #092D5B)
• Muted Cobalt color palette (#E9DBD5, #6BBFC9, #008EC3, #007145, #010E3A)
• Softworn Cypress Balcony color palette (#FBF2F6, #C3E1F6, #6D8BBB, #167167, #3F4663)
• Hushed Navy color palette (#E7E5FF, #E8829F, #9F6700, #252B87, #300A1E)
• Mulberry Boulevard color palette (#EFDDEC, #80007A, #004D32, #003332, #130012)

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