Quiet Scarlet color palette — #F1D6EA · #EA3E28 · #5B8000 · #900E00 · #0F1A00

Scarlet and Garnet set the tone — five colors that lean into nature and growth.

The five colors

• Thistle (#F1D6EA): A whisper-light, dusty pink — the color of neon signs at night.
• Scarlet (#EA3E28): A luminous, vivid orange — the color of toasted spice.
• Olive Leaf (#5B8000): A full-bodied, balanced green — the color of new leaves after rain.
• Garnet (#900E00): A full-bodied, vivid orange — the color of sun-warmed clay.
• Ink (#0F1A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

Use it as a design system

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

• Airy Rose color palette (#EFE5F0, #E83766, #787600, #900035, #181700)
• Pine Bloom color palette (#F8E8F0, #D36000, #008A26, #7A3500, #001D03)
• Scarlet Chapel color palette (#F9E2DE, #D40C0D, #776300, #830092, #240000)
• Crimson Drift color palette (#FFDCD0, #EF244B, #007C9D, #950027, #003343)
• Ancient Veranda color palette (#D3E7D6, #AB7D00, #008473, #634700, #001B16)
• Frosted Tangerine Cabin color palette (#FFD8CB, #EC7240, #9A3900, #531700, #170300)
• Antique Plum Ridge color palette (#F9E2E9, #AE6F21, #A3339F, #653B00, #240023)
• Softworn Amber color palette (#DEEDDC, #C18900, #583600, #221200, #050200)

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