Petrol Coast color palette — #D9F7F0 · #008777 · #006DB2 · #575E00 · #001612
Royal Blue takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#D9F7F0): A whisper-light, dusty teal — the color of glacier melt.
- Fern (#008777): A full-bodied, balanced teal — the color of shallow lagoons.
- Royal Blue (#006DB2): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#575E00): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#001612): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Petrol Coast 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
- Linen Pine Courtyard color palette (#E0EDE1, #008D2A, #007687, #745100, #001803)
- Lapis Summit color palette (#CFF5FF, #00829A, #5E47E2, #006B2F, #00151B)
- Dusty Grape color palette (#D8E7F0, #007A9B, #7840A6, #165000, #000F19)
- Washed Teal color palette (#DDF0ED, #00B3A2, #007366, #003933, #000E0B)
- Soft Quarry color palette (#BFEDF3, #006A58, #5E14B2, #5F2E00, #001611)
- Powdered Archive color palette (#E0EDFF, #1584F6, #A651B8, #007973, #061F3E)
- Aqua Veranda color palette (#ACF0E6, #00E0E2, #00AEC9, #008065, #002831)
- Indigo Studio color palette (#DBF0F5, #009DB7, #6F63FF, #008636, #002932)
Browse the whole catalog at Explore, or see today's palette.