Tempered Petrol Orchard color palette — #FBF7D1 · #D7DBB2 · #959F81 · #396E7F · #1F473B
A conversation between Teal and Celadon Mist, giving this palette its sense of nature and growth.
The five colors
- Custard (#FBF7D1): A whisper-light, dusty green — the color of a quiet forest floor.
- Celadon Mist (#D7DBB2): A whisper-light, dusty green — the color of a quiet forest floor.
- Taupe (#959F81): A luminous, dusty green — the color of fresh herbs.
- Teal (#396E7F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#1F473B): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Tempered Petrol 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
- Tempered Cypress color palette (#C7EADD, #91A77D, #578061, #21606C, #3B4158)
- Tempered Jade Studio color palette (#E3EFD1, #80AD79, #498469, #00475D, #001A2F)
- Hushed Ash Villa color palette (#EFFBD5, #CADABF, #72B0B1, #51698C, #4D2E45)
- Aged Navy color palette (#DDEBE0, #5B9B81, #006C63, #0A3762, #020028)
- Teal Field color palette (#F6F6E9, #BBE2E5, #42BABD, #00816C, #15361F)
- Dusty Cream color palette (#EFFAE0, #C8E2D5, #B3C3B3, #918290, #5D4C57)
- Timeworn Hollow color palette (#E1F3EF, #3D8F93, #005C6D, #16104A, #050011)
- Chestnut Pier color palette (#F7F6E8, #D0D4A9, #61996C, #7E5D14, #282A0F)
Browse the whole catalog at Explore, or see today's palette.