Petrol Orchard color palette — #F0F7F2 · #CDDDDC · #A2BAAF · #00717D · #333E36
Built around Teal, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F7F2): bright and airy, almost weightless.
- Silver (#CDDDDC): a clean, paper-quiet neutral.
- Ash (#A2BAAF): A luminous, dusty teal — the color of glacier melt.
- Teal (#00717D): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#333E36): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Muted Lagoon color palette (#EEF7FA, #D5D9E3, #BABDCD, #2E8F98, #2E3D43)
- Denim Terrace color palette (#FDF0FE, #E1CBDE, #9BA4CD, #1F5B9C, #3B2E3C)
- Timeworn Abyss Quarry color palette (#DCE7E1, #A4C1B4, #70988B, #004D5F, #16231C)
- Driftwood Studio color palette (#FAF3F9, #E6D7D9, #B5AFA6, #947791, #575056)
- Ancient Jade Balcony color palette (#F7F7E1, #78AA70, #347246, #494C45, #35362F)
- Aqua Basin color palette (#DFFEED, #26DFF8, #00B1E4, #1D75BB, #0A382A)
- Abyss Villa color palette (#DBEDE7, #B6A1B8, #91748E, #003B5C, #001912)
- Hushed Cocoa color palette (#C0EFDE, #81A4D3, #8C6B83, #694A4C, #5F2F00)
Browse the whole catalog at Explore, or see today's palette.