Petrol Field color palette — #FBEAE1 · #69C5E2 · #0069B5 · #003F32 · #020013

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBEAE1): A whisper-light, dusty orange — the color of toasted spice.
• Sky (#69C5E2): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0069B5): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003F32): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#020013): 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 Field 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

• Softworn Summit color palette (#FEE9E3, #6EC8C5, #00738D, #00420C, #000308)
• Aged Dune color palette (#FEF3EA, #9FD3F7, #5A76C3, #00514F, #12002C)
• Worn Denim Market color palette (#F5E6EE, #3B9DBA, #004B85, #003127, #0E0A38)
• Patina Cobalt Field color palette (#D8E3DA, #76BBD3, #008DC8, #006C6E, #00142C)
• Timeworn Plum Bloom color palette (#F6E7EC, #B80071, #006853, #004F3F, #040001)
• Worn Periwinkle Drift color palette (#FEF3EB, #C2E7F7, #78A8E9, #008170, #2B294C)
• Aubergine Atelier color palette (#FFE4F6, #FFB9A9, #C1A253, #533697, #150004)
• Orchid Market color palette (#E7E3FE, #AD52DB, #87006D, #500024, #0B0000)

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