Patina Scarlet color palette — #D9F2D7 · #B09200 · #F5221F · #20071D · #090207

A conversation between Scarlet and Mustard, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#D9F2D7): A whisper-light, dusty green — the color of fresh herbs.
• Mustard (#B09200): A luminous, balanced green — the color of new leaves after rain.
• Scarlet (#F5221F): A luminous, vivid orange — the color of autumn markets.
• Ink (#20071D): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#090207): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Patina Scarlet 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

• Ember Coast color palette (#F8E1F8, #A59700, #EE3704, #2C0501, #0C0209)
• Worn Studio color palette (#E2E0F8, #D37D00, #F20F6F, #28040F, #050107)
• Softworn Coral color palette (#F5E9FF, #DE9D00, #FF635E, #3D1815, #1F0E08)
• Softworn Rust Lagoon color palette (#F3DCF4, #858500, #BA4900, #170400, #030002)
• Quiet Boulevard color palette (#E6DAE4, #C5792B, #700011, #2B0003, #050004)
• Pale Clover color palette (#D3E5E5, #54B700, #B88200, #1C1100, #000701)
• Muted Harbor color palette (#F2E4D9, #B37700, #6D4F00, #382D00, #0E0D00)
• Patina Lime color palette (#CCEDE4, #ADCB00, #F68E00, #362029, #160E11)

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