Petrol Thicket color palette — #F1F4E0 · #6BCAE5 · #007DA1 · #005058 · #001D2C
A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#F1F4E0): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#6BCAE5): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#007DA1): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005058): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#001D2C): 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
- Petrol Basin color palette (#E9EADE, #9ABEA1, #007989, #004B48, #001921)
- Timeworn Lagoon color palette (#F2F3E7, #93E0DC, #00959B, #006455, #002B30)
- Hazy Sapphire color palette (#EEF5E2, #8EC1EF, #006FD7, #004D6B, #00104E)
- Petrol Boulevard color palette (#FFF0FA, #7AC4DA, #0075AE, #00574D, #0E2E6D)
- Denim Grove color palette (#E6E9DE, #68A6BE, #006084, #003840, #000C18)
- Ancient Navy color palette (#E0E4D6, #4F7E9E, #003D6A, #001E29, #000105)
- Tempered Azure Thicket color palette (#FFF2EB, #D2E9FF, #00A5ED, #007466, #001F59)
- Chalky Peony color palette (#FFE9EA, #D538B8, #0079B3, #830070, #001828)
Browse the whole catalog at Explore, or see today's palette.