Petrol Orchard color palette — #FBF7D5 · #AFD9B9 · #59ADA9 · #0078A4 · #2C4881
Built around Cerulean, softened by Navy — the whole palette hums with nature and growth.
The five colors
- Custard (#FBF7D5): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#AFD9B9): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#59ADA9): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#0078A4): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#2C4881): A full-bodied, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.
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
- Wandering Lagoon Studio color palette (#FFF3E2, #CECCA0, #69AE8C, #008784, #004D68)
- Navy Parlor color palette (#D9FFF2, #BAE6E4, #71C2C3, #4981A4, #314073)
- Linen Navy color palette (#D0E5D7, #00BFB4, #007FA0, #00429D, #330062)
- Misty Study color palette (#D5FFFF, #7DCCC0, #00999F, #00647A, #034D6D)
- Aged Indigo color palette (#EBFCDB, #97D7DB, #6DA8D6, #6065B5, #5C3670)
- Frosted Aubergine color palette (#D2FAF0, #00A1AF, #0062AE, #3D00A7, #28002E)
- Washed Aubergine Dune color palette (#C9FEBF, #3FD3C0, #0097AE, #005DA2, #370084)
- Cerulean Summit color palette (#FFF2ED, #9FCBA5, #559DB8, #975C56, #3F4D36)
Browse the whole catalog at Explore, or see today's palette.