Petrol Orchard color palette — #E5F2F0 · #7DBCCF · #007394 · #004F56 · #033248
Teal and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E5F2F0): a clean, paper-quiet neutral.
- Ash (#7DBCCF): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007394): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004F56): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Teal (#033248): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Petrol Station color palette (#F4E4EE, #79BFD4, #1D72A4, #004C44, #051434)
- Antique Sapphire color palette (#E1F3F2, #96B5D4, #1765C5, #004B6A, #1C2C52)
- Quiet Cobalt color palette (#F7ECE6, #7DD2EC, #248FCD, #006D62, #1D2D4C)
- Cerulean Canyon color palette (#D8EFEB, #4B9EA6, #005360, #00302E, #00171F)
- Aged Balcony color palette (#EFF7F6, #D5DCEE, #69A1C0, #3C7985, #405568)
- Lagoon Cabin color palette (#F8EAF3, #9EDFF2, #6FAAE0, #009475, #232856)
- Feathered Delta color palette (#F9ECFF, #EFB0B4, #D87361, #804064, #442F47)
- Mulberry Drift color palette (#E4D9EB, #C25182, #816700, #86004D, #332700)
Browse the whole catalog at Explore, or see today's palette.