Petrol Workshop color palette — #EEF6FF · #6FA5D7 · #559C67 · #0E69AB · #1E4E2C
Built around Peacock, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Cornflower (#6FA5D7): A luminous, balanced blue — the color of deep harbor water.
- Fern (#559C67): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#0E69AB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#1E4E2C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Petrol Workshop 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
- Faded Lapis Market color palette (#F1F5FF, #9798D9, #389C91, #5D58AE, #0F4B54)
- Dusty Summit color palette (#E6F9FF, #51B1B2, #998B31, #007476, #4B430A)
- Tempered Lilac color palette (#EAF7FF, #5CACC6, #A773B3, #00718B, #513757)
- Grape Station color palette (#F3F4FF, #A973ED, #008F9C, #7625BF, #00434A)
- Cobalt Studio color palette (#EFF6FF, #5E88D0, #9C639C, #007878, #283950)
- Tempered Ultramarine color palette (#EAF3FE, #87A5D4, #C07A46, #205FC1, #3F1D00)
- Dusty Dune color palette (#F0F6FF, #DBD8E2, #C0B4E4, #6985A8, #434D62)
- Soft Cobalt Lantern color palette (#FDF0FD, #8EBAF4, #D8944E, #3F81D4, #5D3913)
Browse the whole catalog at Explore, or see today's palette.