Petrol Market color palette — #E8F3FF · #6CA9E6 · #37A565 · #0067B1 · #073019
Cobalt and Kelly Green set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E8F3FF): a clean, paper-quiet neutral.
- Cornflower (#6CA9E6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Kelly Green (#37A565): A luminous, balanced teal — the color of sea glass.
- Cobalt (#0067B1): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#073019): 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 Market 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
- Patina Canyon color palette (#ECF2FF, #999CE1, #00A395, #5956B2, #002F2A)
- Patina Summit color palette (#E3F5FF, #49B3CE, #809933, #007086, #002F25)
- Ancient Powder Field color palette (#FFEFFF, #86BAFF, #68B989, #5982B8, #204D34)
- Timeworn Terrace color palette (#FEF0FF, #57A4F3, #AA8318, #33689F, #46423B)
- Feathered Peony color palette (#E7F4FF, #61ACE2, #BE6DA7, #006BA2, #2D213C)
- Softworn Iris color palette (#EBF2FF, #6A88E0, #AD5F9E, #007A81, #151E2F)
- Grape Station color palette (#F0F0FF, #B875E8, #0093A6, #7F1AB5, #00262C)
- Feathered Mustard Atelier color palette (#EEF6FF, #B2D9FF, #DEB92C, #3D8DD3, #443705)
Browse the whole catalog at Explore, or see today's palette.