Petrol Thicket color palette — #D6E3D8 · #3DB1C6 · #0080A5 · #005E58 · #000A16
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Bone (#D6E3D8): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#3DB1C6): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0080A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005E58): A full-bodied, dusty teal — the color of sea glass.
- Ink (#000A16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Weathered Cobalt Study color palette (#E7F2E9, #51A9E3, #2974CC, #005B6B, #03002D)
- Hushed Denim Bloom color palette (#EBDED8, #57B1C2, #005C80, #002C23, #000105)
- Washed Teal color palette (#CBEAD8, #21C7BA, #00A8D0, #3C7732, #000D09)
- Muted Lagoon color palette (#D3ECE1, #00A380, #00745D, #004434, #000201)
- Faded Courtyard color palette (#DAE6DC, #51D6D8, #00A4B9, #008064, #002330)
- Abyss Bloom color palette (#E5E7D9, #5F826A, #004352, #001F20, #000103)
- Weathered Mulberry Basin color palette (#D9EBEA, #2CAA6A, #A2008A, #00653A, #11000D)
- Periwinkle Lagoon color palette (#E8F2E9, #9FDCFF, #54AAF9, #008E9F, #182B56)
Browse the whole catalog at Explore, or see today's palette.