Petrol Coast color palette — #D5FFFA · #96DECA · #46B0B6 · #1F7B9D · #294672
Cerulean and Turquoise set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D5FFFA): A whisper-light, dusty teal — the color of sea glass.
- Lagoon (#96DECA): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#46B0B6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#1F7B9D): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#294672): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, 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
- Azure Atelier color palette (#DFFCFF, #93DCE9, #50A8DD, #4C6EA6, #453D72)
- Softworn Cerulean Harbor color palette (#DBFFED, #AAEAFB, #72C3CB, #2D85A3, #004569)
- Sunlit Navy Garden color palette (#CDE7E1, #00B5C4, #007EB2, #004398, #25005E)
- Aged Lagoon color palette (#DCFFEA, #BDD7A3, #68AD7F, #088672, #004E59)
- Muted Thicket color palette (#FFF0FC, #8FCDB3, #4E9EBB, #965D54, #314D53)
- Airy Cobalt Alley color palette (#9BF6EF, #37BDE5, #008ADD, #364AA7, #41156E)
- Nightshade Studio color palette (#A5FFDE, #00D0D0, #0095B6, #005E9E, #27088D)
- Tempered Teal Corridor color palette (#E8F4F8, #36AFB4, #455B6C, #2A3B41, #1B2324)
Browse the whole catalog at Explore, or see today's palette.