Weathered Petrol color palette — #FAEBE1 · #80C1DB · #006CAD · #003E3A · #000015

Built around Peacock, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#FAEBE1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#80C1DB): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006CAD): 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.
• Black (#000015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Weathered 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

• Wandering Teal Station color palette (#EEE1DA, #5CB2B4, #005F73, #002D1B, #000103)
• Worn Sapphire Meadow color palette (#FEF3E9, #9DD3FA, #2E6FF3, #005057, #0C0130)
• Cerulean Delta color palette (#D9EFEC, #67BDDD, #008EC2, #006B79, #001626)
• Denim Thicket color palette (#DFEBE1, #5A99B2, #004F76, #002F32, #00132F)
• Misty Blush color palette (#FFE8F4, #EBA9EB, #EE6C8B, #00569D, #06000B)
• Timeworn Terrace color palette (#DADDFF, #5C37F2, #685700, #00521C, #010009)
• Linen Periwinkle color palette (#FFF3E8, #DAE3F7, #4E99FF, #007275, #1C1A54)
• Feathered Nightshade Orchard color palette (#D9EBFC, #3877FF, #4600D1, #390067, #070009)

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