Petrol Garden color palette — #FBEADF · #55C6EC · #006CAB · #003E3A · #000016

Peacock takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FBEADF): A whisper-light, dusty gold — the color of honey in a jar.
• Sky (#55C6EC): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006CAB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003E3A): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000016): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Aqua Studio color palette (#F8EBE4, #3ACFC9, #007486, #004122, #000306)
• Patina Cornflower Drift color palette (#FFF3E7, #96D4FF, #3B74DF, #005056, #0B042B)
• Muted Navy color palette (#EBDCE5, #5D92A8, #00488D, #002C25, #04001A)
• Muted Cobalt color palette (#FCEADE, #79BBD3, #2F85DC, #006F5D, #110340)
• Periwinkle Corridor color palette (#FEF3EB, #D7D6E3, #71AAE8, #007F7D, #242B4E)
• Muted Blush color palette (#FFECF6, #F7AAFD, #F26D8B, #1A5D93, #06000C)
• Amethyst Studio color palette (#E3E0FE, #7217F7, #615A00, #364B00, #010008)
• Worn Field color palette (#DBEDFF, #3D6BFF, #4616CB, #330060, #040005)

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