Sunlit Petrol color palette — #EDF0E8 · #8EB6D8 · #1A69B5 · #004C66 · #132C56
Royal Blue and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#EDF0E8): a clean, paper-quiet neutral.
- Sky (#8EB6D8): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#1A69B5): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004C66): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#132C56): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Timeworn Quarry color palette (#F2E7DC, #91B8D9, #3F65C1, #004A52, #150E34)
- Tempered Courtyard color palette (#EEF0E2, #94BDA3, #007391, #004F54, #003347)
- Cornflower Coast color palette (#F8EAEF, #98CBF3, #5B82DA, #006A75, #2C2653)
- Dusty Periwinkle color palette (#E2F2F2, #ADD8FF, #60A7FC, #3588AF, #1B2D4F)
- Denim Study color palette (#EAEDE2, #6298AF, #005072, #002F37, #001527)
- Cerulean Basin color palette (#F5F7E8, #B2D9BE, #008DAB, #006669, #00475E)
- Ancient Basin color palette (#FFDEEB, #7657AD, #A02C53, #005474, #24173A)
- Ancient Cypress color palette (#F6F6EF, #CCE1DA, #68A5A7, #20806C, #35523C)
Browse the whole catalog at Explore, or see today's palette.