Petrol Coast color palette — #FFF2E9 · #00AEA5 · #076EB0 · #753C18 · #2B4433
Slate and Turquoise set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Turquoise (#00AEA5): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#076EB0): A full-bodied, balanced blue — the color of deep harbor water.
- Bronze (#753C18): A full-bodied, balanced orange — the color of autumn markets.
- Forest (#2B4433): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Optimism, Balance. Tagged retro.
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
- Garnet Cabin color palette (#FFF2EC, #5FAA7D, #00778A, #7C3337, #35422E)
- Ancient Cobalt Balcony color palette (#FCF4E6, #6CB4C8, #6872AC, #685829, #364D46)
- Hazy Mulberry Parlor color palette (#F1F8EE, #279D8B, #83488C, #594500, #2E370E)
- Faded Aqua Bloom color palette (#F4F8DE, #00C7DF, #3A90B9, #6D5889, #2C4336)
- Ancient Cerulean Station color palette (#FBF3F0, #CDE4CB, #009BB3, #2F714C, #314F44)
- Quiet Turquoise color palette (#DDF8F5, #00AFC7, #0074A0, #503B67, #0B2633)
- Ultramarine Archive color palette (#FFDFB8, #008D9E, #212FD5, #4F3100, #002D40)
- Gentle Market color palette (#FCF6D7, #0096D6, #6F30CC, #424B00, #203557)
Browse the whole catalog at Explore, or see today's palette.