Petrol Thicket color palette — #ECF4F3 · #CCDFF1 · #6290C7 · #00678B · #192B4C
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF4F3): bright and airy, almost weightless.
- Powder Blue (#CCDFF1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#6290C7): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#00678B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#192B4C): 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
- Muted Cypress Alley color palette (#EBF4F2, #C9D9EA, #4F9BA3, #006E62, #00323B)
- Denim Pier color palette (#DEEFEC, #78A3B7, #006278, #00393A, #000D14)
- Muted Iris Lantern color palette (#FAF4ED, #C1E6DA, #6988CE, #086F7A, #5B3D4E)
- Muted Abyss color palette (#E4F0EF, #4B8099, #00405F, #001E25, #000104)
- Timeworn Petrol Villa color palette (#E3F7F3, #7ACAD4, #007F94, #005250, #001E27)
- Tempered Cerulean Basin color palette (#FAF3F5, #D9D4DE, #A0B9F7, #0093A3, #353D5E)
- Airy Bronze color palette (#DEF9F2, #7B9860, #009194, #995A00, #00251E)
- Softworn Canyon color palette (#DBF9F5, #B8E6F9, #87D4BF, #6A8A43, #183937)
Browse the whole catalog at Explore, or see today's palette.