Tempered Orchard color palette — #F6E9E3 · #46838E · #004060 · #002113 · #00000C

Navy and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F6E9E3): a clean, paper-quiet neutral.
• Slate (#46838E): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#004060): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#002113): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#00000C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: 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

• Navy Pier color palette (#EDE4DC, #537E9C, #1E2D8B, #001F1F, #020008)
• Shadow Petrol Terrace color palette (#CAEBF9, #006B97, #003544, #000B12, #000102)
• Ancient Workshop color palette (#D7E4D8, #628BBA, #7D479C, #003723, #000104)
• Dusty Denim color palette (#E0EEE2, #5CB0C0, #005E79, #002C28, #000103)
• Patina Harbor color palette (#F0E3EC, #609DA9, #005E8B, #003D29, #02002F)
• Shadow Cocoa Atelier color palette (#DBEEDC, #00585A, #5E2C00, #002425, #030100)
• Cobalt Balcony color palette (#F4E6DC, #95BEAC, #3B69B7, #004C45, #170A38)
• Lowlit Fern Grove color palette (#EBDED0, #605200, #3D2300, #210300, #010100)

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