Quiet Field color palette — #FFE0D4 · #FC2C3D · #007F39 · #004E70 · #00273E

Built around Scarlet, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFE0D4): A whisper-light, dusty orange — the color of autumn markets.
• Scarlet (#FC2C3D): A luminous, vivid orange — the color of autumn markets.
• Olive (#007F39): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#004E70): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#00273E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Rose Thicket color palette (#FFE0D8, #FF3A74, #007636, #00515C, #101166)
• Misty Ember Archive color palette (#FFF0FB, #FE5C38, #497B00, #00465E, #240025)
• Timeworn Ember Quarry color palette (#FFE1D3, #E05F00, #007A71, #004B7B, #330256)
• Hushed Amber color palette (#FFF3E8, #E77B00, #008B7C, #3A4E9D, #1C276C)
• Apricot Hollow color palette (#F0DBDC, #EB912E, #838643, #3C6896, #193D62)
• Hushed Magenta color palette (#FFDFE1, #E900CF, #6F6D00, #005351, #002932)
• Soft Hollow color palette (#FFE2C6, #C67600, #007A70, #5D07A4, #31005B)
• Patina Cabin color palette (#FDF0DF, #C78700, #007F94, #593F84, #3E1D3C)

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