Sunlit Petrol color palette — #F5F9D7 · #BFE9D3 · #6CC3C3 · #007E9F · #0E4176

Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Custard (#F5F9D7): A whisper-light, dusty green — the color of a quiet forest floor.
• Celadon Mist (#BFE9D3): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#6CC3C3): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#007E9F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#0E4176): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, 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

• Soft Navy color palette (#D9FFF2, #33CAD8, #0081AC, #003A91, #100039)
• Airy Meadow color palette (#DFFFE2, #79CCB6, #3B8F94, #26607B, #274672)
• Sunlit Cabin color palette (#E3FEE1, #D2E8FD, #80B8E3, #6872C1, #4A306F)
• Faded Loft color palette (#DAFFEF, #44EAEB, #009FC8, #006199, #1C0070)
• Worn Turquoise color palette (#EFF8EF, #59C1C3, #405B50, #232F23, #0E100B)
• Ultramarine Coast color palette (#D6FFF9, #78D7F1, #229ADF, #2F3DC0, #280053)
• Twilit Lagoon color palette (#CFECDA, #008F7A, #00434D, #00101B, #00000B)
• Patina Study color palette (#F3F6F0, #D4DCDA, #B0B0BD, #83BDA5, #4B4F48)

Browse the whole catalog at Explore, or see today's palette.