Petrol Thicket color palette — #F9F4EE · #C0E3F4 · #7CABD7 · #007D8A · #1B2D4F
A conversation between Teal and Cornflower, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F9F4EE): bright and airy, almost weightless.
- Powder Blue (#C0E3F4): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#7CABD7): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007D8A): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#1B2D4F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Thicket 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
- Turquoise Coast color palette (#FAF4EB, #B6ECF2, #3EB9C6, #307F61, #003441)
- Lagoon Summit color palette (#FBF3EE, #C3EBDA, #8AB2F7, #00A194, #3A3559)
- Aged Petrol color palette (#F8ECDA, #82C3CB, #00738C, #003F36, #000306)
- Antique Denim color palette (#EBE2D4, #71A9CE, #145597, #002A32, #00000C)
- Weathered Cobalt Harbor color palette (#F0F7F1, #9DCCE6, #167DC7, #005E68, #293B55)
- Cobalt Archive color palette (#FAF4EB, #A2D2F8, #457AC7, #004F5F, #050135)
- Tempered Moss Villa color palette (#FFF2EF, #E9809E, #85A42B, #2B85C1, #310F0A)
- Frosted Plum color palette (#FFF2F0, #F8A1C1, #08C3A5, #B14D77, #003027)
Browse the whole catalog at Explore, or see today's palette.