Petrol Ridge color palette — #E7F4FF · #75AAD5 · #59A063 · #006AA5 · #00310D
Peacock and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E7F4FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#75AAD5): A luminous, balanced blue — the color of deep harbor water.
- Moss (#59A063): A luminous, balanced green — the color of fresh herbs.
- Peacock (#006AA5): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#00310D): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Petrol Ridge 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
- Softworn Moss color palette (#E7F4FB, #57B3C2, #8D9534, #00727F, #272A00)
- Dusty Cobalt Studio color palette (#ECF2FD, #A6B1DD, #4DB09D, #5C6AB9, #00383F)
- Pale Clover Summit color palette (#E6FBF3, #72C0F8, #61BC6A, #1988C8, #42433C)
- Violet Garden color palette (#E7F3FF, #5493C7, #9768B6, #007D6C, #042036)
- Ancient Amber color palette (#FEF0FE, #72A2E1, #D67218, #1E5EAB, #47413C)
- Timeworn Fern color palette (#E7F6EF, #89B7A6, #7A783E, #594C00, #0B2921)
- Cobalt Balcony color palette (#EAF3FF, #D7D3E5, #DEB6E5, #5488BC, #222D40)
- Chalky Ultramarine Station color palette (#D6E2FF, #567BF6, #008568, #2000DF, #001B13)
Browse the whole catalog at Explore, or see today's palette.