Petrol Study color palette — #EFE3ED · #5EB0BB · #006F9A · #004D2E · #000A42
Peacock and Deep Indigo set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#EFE3ED): a clean, paper-quiet neutral.
- Cyan (#5EB0BB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006F9A): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D2E): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Indigo (#000A42): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.
Use it as a design system
One click turns Petrol Study 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
- Gentle Studio color palette (#E8DAE0, #77A9C7, #3960BA, #004A46, #19003D)
- Petrol Bloom color palette (#FFE9E0, #52CAD8, #00709B, #004026, #000112)
- Wandering Cerulean color palette (#EAE3D9, #1BA1AF, #005266, #00302A, #001623)
- Washed Cerulean color palette (#DAE7DC, #60C1CC, #0091B2, #006E61, #001623)
- Powdered Lilac Corridor color palette (#CAE3EF, #93B8E3, #A776C9, #00643B, #001B2D)
- Tempered Loft color palette (#F4EBF3, #91D1D7, #0092C4, #007040, #122C58)
- Wandering Brick Bloom color palette (#CDEBF8, #008797, #C00D00, #004E59, #260000)
- Pine Quarry color palette (#FAF2FC, #A7E9E6, #00ACD1, #088A20, #0B426E)
Browse the whole catalog at Explore, or see today's palette.