Sunlit Petrol color palette — #E6F4FF · #6DACD4 · #6B9D5D · #006C9C · #142F0C
Peacock takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E6F4FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#6DACD4): A luminous, balanced blue — the color of open sky before noon.
- Moss (#6B9D5D): A luminous, balanced green — the color of a quiet forest floor.
- Peacock (#006C9C): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#142F0C): 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 Sunlit Petrol 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
- Cobalt Pier color palette (#ECF2FC, #9EB4D8, #5DAE93, #4A6CC2, #023B2C)
- Weathered Summit color palette (#E8FAF2, #45ABDD, #BE7708, #006E98, #47413C)
- Ancient Iris color palette (#E6F5F9, #62B3B4, #917DD3, #007374, #291F46)
- Worn Coast color palette (#EDF1FF, #9386F3, #009692, #6000E7, #002725)
- Sunlit Ultramarine color palette (#EAF3FE, #86A5D8, #BE738F, #245EC3, #431428)
- Cerulean Cabin color palette (#E8F3FF, #D5D4E9, #D6B4E7, #4484AB, #283647)
- Worn Boulevard color palette (#E7F6ED, #8FB6A2, #837537, #5F490C, #0F281F)
- Tempered Cobalt Meadow color palette (#E8F3FF, #9CBFE9, #487FBB, #00467D, #00152C)
Browse the whole catalog at Explore, or see today's palette.