Petrol Orchard color palette — #F0F7F3 · #E3D7DA · #C9A9B7 · #146F85 · #303F36
Teal takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F0F7F3): a clean, paper-quiet neutral.
- Silver (#E3D7DA): a clean, paper-quiet neutral.
- Rosewood Mist (#C9A9B7): A luminous, dusty rose — the color of pressed rose petals.
- Teal (#146F85): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#303F36): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns 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
- Weathered Cypress color palette (#F3F6F0, #D0DCDA, #99BCB2, #1D745D, #373D32)
- Weathered Meadow color palette (#EEF8F3, #CDDDDF, #D0BBBF, #418AAA, #313E38)
- Washed Lantern color palette (#EBF3F8, #D3D5E6, #AEB8C8, #186E8E, #1A2227)
- Wandering Indigo color palette (#FDF2F6, #E7D6CE, #D6B3A9, #7358A8, #493B41)
- Washed Market color palette (#FCF1FB, #E3CBD4, #C794B7, #2552B4, #3E2C3C)
- Wandering Balcony color palette (#E1EEE8, #C3B3BF, #A3848E, #004B68, #12231D)
- Washed Orchard color palette (#DEEFD4, #85ACCA, #86719A, #465D3B, #354631)
- Aubergine Market color palette (#F6EBEE, #D9C7C7, #B9988B, #6A3B8B, #3A282E)
Browse the whole catalog at Explore, or see today's palette.