Petrol Thicket color palette — #F0F3EB · #C7E4DB · #6890C1 · #00678C · #1B2B4B
Peacock and Slate Blue set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F0F3EB): a clean, paper-quiet neutral.
- Silver (#C7E4DB): A whisper-light, dusty teal — the color of glacier melt.
- Slate Blue (#6890C1): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00678C): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#1B2B4B): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Softworn Thicket color palette (#F1F3EC, #C9DEDC, #69A6C0, #167982, #203D33)
- Muted Denim Canyon color palette (#E0E2D4, #80A78E, #00627A, #00393C, #000D15)
- Cerulean Quarry color palette (#F2F3E8, #B4D0B9, #008B9E, #005C57, #00252F)
- Worn Raspberry Meadow color palette (#FFECF4, #9482BC, #BB5C76, #00759E, #311221)
- Cerulean Studio color palette (#FAF4EE, #C5E0F2, #A3B9F2, #0092A4, #553246)
- Abyss Pier color palette (#E2E5D9, #5A8371, #004060, #001E25, #000104)
- Aged Aubergine color palette (#FCEAF3, #AE9FDC, #8761AE, #642C81, #3E2446)
- Ancient Courtyard color palette (#FFECF0, #E3D3CC, #E8ACC5, #8E6DAB, #4A2A2F)
Browse the whole catalog at Explore, or see today's palette.