Quiet Petrol color palette — #FFE9D5 · #009E90 · #006EA8 · #6A3A00 · #000E10

A conversation between Peacock and Fern, giving this palette its sense of trust and stability.

The five colors

• Cream (#FFE9D5): A whisper-light, dusty gold — the color of honey in a jar.
• Fern (#009E90): A luminous, balanced teal — the color of sea glass.
• Peacock (#006EA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#6A3A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#000E10): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Balance. Tagged retro.

Use it as a design system

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

• Muted Field color palette (#F9EED2, #0099B1, #475ACA, #534800, #000D17)
• Pale Garnet Studio color palette (#FCDED0, #00A359, #007586, #8A0110, #000F0B)
• Cobalt Studio color palette (#C8EAE1, #5EA2B7, #5F72AC, #704F00, #261F00)
• Ancient Courtyard color palette (#ECDDD5, #7EBDBC, #0092AD, #007146, #001625)
• Worn Aubergine Lantern color palette (#CFF6F3, #007F97, #005077, #42005F, #000D14)
• Muted Pine color palette (#EFE5D4, #929F61, #278531, #006360, #0E1200)
• Worn Thicket color palette (#FDDFB9, #00CAC8, #1290F9, #906100, #002F38)
• Shadow Navy color palette (#FDE6F3, #006260, #003057, #270A00, #000203)

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