Petrol Thicket color palette — #F8E9F4 · #81BCCB · #0070A2 · #005146 · #162D53
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Blush (#F8E9F4): A whisper-light, dusty pink — the color of peonies in June.
- Ash (#81BCCB): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#0070A2): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005146): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#162D53): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Aged Cobalt color palette (#FDF1F7, #A8CAE0, #407DB3, #00605C, #2C385E)
- Washed Petrol color palette (#E8EBDD, #98BEA6, #007696, #004A4F, #001925)
- Denim Pier color palette (#FBEAF1, #70A6C8, #2C5696, #003D41, #1A124F)
- Worn Teal color palette (#CBF3E9, #00A5A6, #006E7F, #00465D, #242454)
- Lilac Terrace color palette (#D7EFFF, #A9C6F7, #A392CC, #006A5E, #10324D)
- Azure Pier color palette (#C3EBFF, #2C9FD4, #006080, #002F42, #001927)
- Azure Canyon color palette (#F8ECE5, #A1DFEF, #31B0F2, #009380, #162D52)
- Cypress Thicket color palette (#FAF3F7, #D7E0F1, #759EC0, #3B7B74, #43536D)
Browse the whole catalog at Explore, or see today's palette.