Petrol Thicket color palette — #F4F6ED · #C0DCCD · #559FC3 · #007A88 · #063F5D
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Ivory (#F4F6ED): bright and airy, almost weightless.
- Silver (#C0DCCD): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#559FC3): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007A88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#063F5D): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Tempered Study color palette (#E0E2D8, #6A9AB1, #005F8A, #003A45, #000A17)
- Dusty Lagoon color palette (#EFEFE4, #96D1CD, #00999D, #006E5C, #00353B)
- Dusty Cobalt color palette (#F4F6F0, #BFE5EA, #7BA8DF, #0085B4, #583D56)
- Sky Lantern color palette (#FEF1F8, #BDE7FF, #6CB9F7, #4E9B93, #2B395B)
- Hushed Archive color palette (#E6EADA, #86B9D7, #007BBD, #00566A, #00203F)
- Frosted Peony color palette (#F6DCEA, #8F87E3, #C66391, #0085A2, #29254B)
- Patina Drift color palette (#FEF3EC, #98CEE3, #287EBD, #00605A, #4C2F48)
- Soft Amethyst color palette (#FEE7F3, #A39CEF, #00ACA3, #7052E0, #003F3B)
Browse the whole catalog at Explore, or see today's palette.