Sunlit Petrol Study color palette — #D6FFF9 · #9EDCD0 · #55AEBF · #2F73A9 · #3F3D7C

Slate and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D6FFF9): A whisper-light, dusty teal — the color of sea glass.
• Lagoon (#9EDCD0): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#55AEBF): A luminous, balanced blue — the color of deep harbor water.
• Slate (#2F73A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#3F3D7C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Sunlit Petrol Study 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

• Quiet Indigo Station color palette (#DCFCFF, #97D6DE, #74A8D6, #6B6ABB, #5F326D)
• Softworn Parlor color palette (#DFFFE7, #A2D8CC, #70AE90, #008688, #004B6E)
• Muted Glacier color palette (#E0FBFF, #93EDF0, #7AC2D7, #5A93B6, #284772)
• Quiet Terrace color palette (#A0F8ED, #71C0DA, #4382CE, #5C40B9, #550055)
• Linen Nightshade Orchard color palette (#D9EAE4, #2DB6C2, #0078C8, #4A00C7, #390046)
• Bronze Grove color palette (#FFF0F7, #99CBB0, #5D9AC0, #96603D, #2C4E55)
• Muted Ultramarine color palette (#CCFBF9, #00A0D9, #265CCD, #4B0087, #300026)
• Turquoise Studio color palette (#E8F4FA, #4AABBE, #4C596B, #2A3B43, #1A2425)

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