Petrol Harbor color palette — #EDE8E1 · #98BEA6 · #00759C · #004B48 · #00172B
Teal and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#EDE8E1): a clean, paper-quiet neutral.
- Sage (#98BEA6): A luminous, dusty teal — the color of glacier melt.
- Teal (#00759C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004B48): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#00172B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Harbor 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
- Antique Cerulean Bloom color palette (#F6F1EA, #ABD2BF, #4682AC, #005B5F, #0A203D)
- Timeworn Petrol Orchard color palette (#EEE8DF, #91B8D8, #406BAA, #004958, #0B0943)
- Washed Terrace color palette (#E7DFD2, #44999C, #005361, #002D23, #000509)
- Aged Mulberry Dune color palette (#E4E0D1, #746E00, #006886, #880060, #0C0B00)
- Worn Cypress color palette (#F5F1EB, #C7E3E1, #6EA4C4, #23797A, #432D46)
- Aged Lapis color palette (#F7EDD5, #927F00, #6052D5, #524600, #10033B)
- Washed Teal color palette (#F0E6C5, #B7CBA0, #51AD88, #785800, #1B1F00)
- Antique Fern color palette (#F3E5C9, #878B51, #645400, #422C00, #091100)
Browse the whole catalog at Explore, or see today's palette.